*{margin: 0;padding: 0;}
a{text-decoration: none;color: #777777;}
li{list-style: none;}

//---public---
.pub_time{
    .time_left{
        display: flex;
        align-items: center;
        span{
            color: #FF3333;
            border: 1px solid #FF3333;
            font-size: 3.5vw;
            padding: 0.8vw;
            border-radius: 3px;
        }
        time{
            color:#888;
            font-size: 3.5vw;
        }
    }
    .time_right{
        display: flex;
        align-items: center;
        color:#888;
        font-size: 3.5vw;
        i{
           font-size: 3.5vw;
        }
    }
}


//---END public---


//---header---
header{
    width: 100vw;
    height: 13vw;
    background: linear-gradient(30deg, #2e9afe, #c9010e, gold, orange,gray,pink,white, #c9010e);
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    padding: 0px 3vw;
    align-items: center;    
    .logo{
        height: 10vw;
    }
    .news{
        font-size: 4vw;
        
    }
}
//---END header---


//---search---
#search{
    width: 95vw;
    height: 10vw;
    display: flex;
    float: right;
    margin-bottom: 2vw;
    .search{
        width: 80vw;
        font-size: 3.5vw;
        padding-left: 2vw;
        border-color: #8FBCFF;
    }
    .btn{
        width: 20vw;
        font-size: 4vw;
        color: #FFFFFF;
        background: #3385FF;
    }
}
//---END search---

//---nav---
nav{
    width: 100vw;
    height: 10vw;
    background-color: #EEEEEE;
    display: flex;
    margin-top: 5vw;
    justify-content: space-around;
    align-items: center;
    a{
        width: 14%;
        line-height: 10vw;
        font-size: 4vw;
        text-align: center;
    }
}
//---END nav---

//---carousel---
#carousel{
    img{
        width: 100vw;
    }
}
//---END carousel---

//---web---
web{
    width: 100vw;
    height: 10vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
    a{
        font-size: 3.5vw;
        width: 13%;
        border: 2px solid red;
        text-align: center;
        border: 0.5vw solid #F3F3F3;
        border-radius: 2vw;
    }
}
//---END web---

//---url---
url{
    width: 100vw;
//  height: 50vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    .web{
        width: 25%;
        height: 10vw;
        display: flex;
        border-bottom: 0.4vw solid #F2F2F2;
        box-sizing: border-box;
        align-items: center;
        padding-left: 2vw;
        img{
            width: 20%;
        }
        a{
            font-size: 4vw;
            padding-left: 3vw;
        }
    }
}

//---END url---

//---list---
#list{
    width: 96vw;
    margin: 0 auto;
    padding-bottom: 2vw;
    section{
        width: 100%;
        border-top: 1px solid #e5e5e5;
        padding-top: 1%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        &:last-child{
            border-bottom: 1px solid #e5e5e5;
        }
        .list_left{
            width: 25vw;
            border: 1px solid #ccc;
            padding: 1%;
            box-sizing: border-box;
            img{
                width: 100%;
            }
        }
        .list_right{
            width: 70vw;
            .list_title{
                 color: #404040;
                 font-size: 4.5vw;
                 display: flex;
                 justify-content: center;
            }
            .list_content{
                margin-top: 2vw;
                display: flex;
                justify-content: space-around;
                .pub_time;
            }
        }
    }
}
//---END list---

//---film---
film{
    width: 100vw;
    height: 10vw;
    background-color: #EEEEEE;
    display: flex;
    justify-content: space-around;
    align-items: center;
    a{
        font-size: 4vw;
        color:#2FA90E;
        align-self: center;
    }
}
//---END film---

//---news---
news{
    width: 100vw;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    .cate{
        width: 95%;
        height: 10vw;
        display: flex;
        align-items: center;
        justify-content: space-around;
        a{
            font-size: 4vw;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        a:first-child{
            color: #24A500;
            width: 15%;
            font-size: 4.5vw;
            border:0.3vw solid #24A500;
            border-radius: 4vw;
        }
    }
}
//---END news---

//---footer---
footer{
    width: 100vw;
    height: 10vw;
    display: flex;
    background-color: #000000;
    justify-content: space-around;
    align-items: center;
    p{
        color: white;
        font-size: 4vw;
    }
}
//---END footer---